<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
    "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>MultiHighlighter Demo Readme</title>
<meta name="author" content="LeonBrown77@hotmail.com">
<style type="text/css">
<!--
h1{
  font-family: Verdana;
  font-size: 14pt;
}
h2{
  font-family: Verdana;
  font-size: 12pt;
}
a,p,li{
  font-family: Verdana;
  font-size: 10pt;
}
//-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function MyClose(){
  window.close();
  }
//-->
</script>
</head>
<body>
<h1>MultiHighlight.dpr</h1>
<p>I used Delphi 5.  I hope its compatible with earlier versions.</p>
<p>The purpose of this demo is to show how to implement the TSynMultiSyn control
allowing you to syntax highlight documents with many highlighters based on
schemes that you define.  I provide this for Web pages - HTML documents with
Cascading Style Sheets and JavaScript embedded in them.  Since not everyone is
familiar with these languages, I have provided two text files to load into the
Completion and AutoComplete proposals so that you may use the demo at runtime
and see it highlight.  I am also providing a complete HTML document based on
this readme file that you may load into the demo editor to see that highlighted.
</p>
<h2>- Leon Brown</h2>
email: <a href="mailto:LeonBrown77@hotmail.com">LeonBrown77@hotmail.com</a>
<br>
<hr>
<h1>Steps involved</h1>
<ol>
  <li>Create new project</li>
  <li>Place SynEdit control on form</li>
  <li>Add several higlighters to form</li>
  <li>Add SynMultiSyn highlighter to form</li>
  <li>OnFormCreate set SynMultiSyn.DefaultFilter to the main highlighters</li>
  <li>Select SynMultiSyn so you may modify it in the Object Inspector</li>
  <li>Set DefaultHighlighter to the main languages highlighter</li>
  <li>Add Schemes</li>
  <li>Each scheme needs its own StartExpr and EndExpr expressions and highlighter.
   So select one of the highlighters you put on the form in step 3.  Then supply
   the keywords/phrases that will begin and end use of this highlighter.</li>
</ol>
<br>
<hr>
<div align="center">
  <a href="" MyClose>Close this window using JavaScript</a>
</div>
</body>
</html>
